/*O principio...*/

/***
* FOLHA DE ESTILO USADA NO EXEMPLO DO SITE
* Aparentemente parece uma bagunca, mas toda stylesheet
* foi documentada de modo a tornar seu funcionamento
* transparente
* 
*	PADRAO DA DOCUMENTACAO:
* Comentario antes do bloco para descrever a tag
* Comentario das linhas para explicar a formatacao
* empregada
***/

/*Estilo da tag body - corpo do site*/
body {
	font-family: 	sans-serif; /*Opcoes de fonte*/
	font-size: 		10pt; /*Tamanho da fonte*/
	color:        #000; /*Cor da fonte*/
	background-color: #c6c6c6; /*Plano de fundo*/
}

/*Classe para centralizar DIVs e 
outros elementos*/
.centraliza {
	background: #fff;
	box-shadow: 0 2px 4px 0 #666666;
	height: 600px;
	margin: 1em auto 1em auto;
	padding: 2em;
	width: 760px;
	
}

/*Div classificada para estilo da 
tela de login*/
div.login{
	border-radius: 4px;
	box-shadow: 0 0 3px 1px #c0c0c0;
	padding: 1em;
	margin: 1em auto 1em;
	width: 300px;
}

/*Estilo para links do site*/
a {
	text-decoration: none;
}

div.cadastrado {
	font-size: 12pt;
}

div.cadastrado b {
	color: #be0000;
}

.cabecalho a {
	color: #000;
}

a.cadastro {
	color: #5f5f5f;
	font-size: 0.8em;
}

a.cadastro:hover {
	text-decoration: underline;
	color: #cc2100;
}

/*Estilo da tag fieldset
(bloco de campos)*/
fieldset {
	border-radius: 10px; 		/*Borda arredondada 
													(navegadores com suporte a CSS 3)*/
	border-color: #c6c6c6;	/*Cor da borda*/
	width: 600px;						/*Largura*/
	padding: 1em;						/*Preenchimento interno - distancia da borda*/
	margin: 1em auto 1em;		/*Configuracao das margens (centraliza a caixa)*/
}

/*Estilo da tag code (quando 
estiver dentro de uma tag fieldset)*/
fieldset code {
	font-family: 'Courier New'; /*Fonte*/
	font-size: 0.8em;						/*Tamanho da fonte (equivalente a 80% do tamanho padrao)*/
	color: #333333;							/*Cor da fonte*/
}

/*Estilo da tag legend 
(quando dentro de fieldset)*/
fieldset legend {
	color: #af0000; 					/*Cor da fonte*/
	font-size: 0.9em;					/*Tamanho da fonte (90% do padrao)*/
}

/*Fieldset classificado para o uso na 
pagina de cadastro*/
fieldset.cadastro {
	border: 1px dashed #c6c6c6;
	border-radius: 0;
	width: auto;
}

/*Rodape do site*/
footer {
	font-family: 'Courier New', serif;
	font-size: 1em;
	color: #333333;
	text-align: center
}

footer:hover
{
	color: #cc1100;
	font-weight: bold;
}

/*Campos para entrada de dados*/
input{
  border: 1px solid #c6c6c6;
  border-radius: 5px;
  color: #898989;
  font-size: 0.9em;
  padding: 3px;
}

/*Estilo do campo quando em foco*/
input:focus{
  box-shadow: 0 1px 3px #c2c2c2 inset; /*sombreamento interno*/
  border-color: #a8a8a8;
  color: #cc2100;
  background-image: none;
  outline: none;
}

/*Estilo dos botoes (submit e reset)*/
input[type="submit"], input[type="reset"]{
	color: #3f3f3f;
	border-color: #a8a8a8;
}

/*Estilo quando mouse passa sobre ele*/
input[type="submit"]:hover, input[type="reset"]:hover{
	box-shadow: 0 0 3px 0 #c0c0c0;
  border-color: #a6a6a6;
  color: #be0000;
  background-color: #f0f0f0;
}

/*Estilo quando pressionado*/
input[type="submit"]:active, input[type="reset"]:active{
	background-color: #be0000;
	color: #fff;
}

/*lista de selecao*/
select {
  color: #898989;
  background: white;
  border: 1px solid #c6c6c6;
  border-radius: 5px;
  padding: 3px;
  outline: none;
}

select:focus { 
  color: #cc2100;
  box-shadow: 0 1px 3px #c2c2c2 inset; /*Sombreamento interno*/
  border-color: #a8a8a8;
}

/*Estilo para as etiquetas de titulo que vao de h1 ate h4*/
h1,h2,h3,h4 {
	margin: 1em auto 1em; 		/*Configuracao da margem (centralizado)*/
	width: 100%;							/*Largura maxima*/
}

h1 em {
	color: #cc2100;
}
/*Estilo do cabecalho tipo 3*/
h3 {
	font-variant: small-caps; /*Maiusculas de menor altura*/
}

table.resultado {
	border-collapse: collapse;
	width: 300px;
	box-shadow: 3px 3px 5px #c6c6c6;
}
/*Estilo para tabela de resultados*/
table.resultado td, table.resultado th {
	border: 1px solid #c6c6c6;
	padding: 0.5em;
}

table.resultado td {
	color: #003399;
}

table.resultado th {
	color: #666666;
}
/*...e o fim!*/
/*Toda honra e gloria a Deus que nos trouxe ate aqui*/
